#scroller {
  height:45px;
  padding-top:10px;
}

/* Container DIV - automatically generated */
.simply-scroll-container { 
  position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
  width:960px;
  margin:0 auto;
  position: absolute;
  overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
  
.simply-scroll-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}
  
.simply-scroll-list li img {
  border: none;
  display: block;
}

/* Master button styles - note that left and right 
versions are included although they are not used in this example */

.simply-scroll-btn {
  position: absolute;
  background-image: url(buttons.png);
  width: 42px;
  height: 44px;
  z-index:3;
  cursor: pointer;
}
  
.simply-scroll-btn-left {
  width:40px;
  height:45px;
  background: url('img/leftArrow.png') no-repeat transparent ;
  top:10px;
  left:0px;
  margin-right:10px;
}
.simply-scroll-btn-left.disabled {
  background-position: 0 0 !important;
}

  
.simply-scroll-btn-right {
  width:40px;
  height:45px;
  background: url('img/rightArrow.png') no-repeat transparent ;
  right:0px;
  top:10px;
}

.simply-scroll-btn-right.disabled {
  background-position: 84px 0 !important;
}

  
.simply-scroll-btn-up {
  right: 6px;
  top: 6px;
  background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
  background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover {
  background-position: -126px -88px;
}
  
.simply-scroll-btn-down {
  right: 6px;
  bottom: 6px;
  background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
  background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover {
  background-position: -42px -88px;
}

/* Custom class modifications - adds to / overrides above

Vertical scroller example, with custom base class */

/* Container DIV */
.vert { 
  width: 960px; /* wider than clip for custom button pos. */
  height: 45px;
  margin-bottom: 1.5em;
}

/* Clip DIV */
.vert .simply-scroll-clip {
  height: 60px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
  width: 112px;
  height: 45px;
  padding-right:15px;
  float:left;
}

/* Modified button positions, overriding previous styles */
.vert .simply-scroll-btn-up { 
  right: 0;
  top: 0;
}

.vert .simply-scroll-btn-down { 
  right: 0;
  top: 52px;
}